<template>
  <div class="no-data-placeholder">
    <!-- <svg width="121" height="120" viewBox="0 0 151 150" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_737_34677)">
      <g filter="url(#filter0_f_737_34677)">
      <path d="M125.855 127.356L35.5633 127.356L28.8926 121.563L90.7215 114.447L113.068 120.653L125.855 127.356Z" fill="#7591AD"/>
      </g>
      <mask id="mask0_737_34677" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-39" y="99" width="229" height="114">
      <ellipse cx="75.4996" cy="155.817" rx="113.525" ry="56.2901" fill="url(#paint0_linear_737_34677)"/>
      </mask>
      <g mask="url(#mask0_737_34677)">
      <ellipse cx="75.4996" cy="155.817" rx="113.525" ry="56.2901" fill="url(#paint1_linear_737_34677)"/>
      </g>
      <mask id="mask1_737_34677" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="27" y="22" width="85" height="104">
      <path d="M27.3125 31.9429C27.3125 26.9723 31.3419 22.9429 36.3125 22.9429H102.688C107.658 22.9429 111.688 26.9723 111.688 31.9429V96.0611C111.688 97.8868 110.856 99.6132 109.429 100.752L79.6729 124.487C78.6101 125.335 77.2909 125.797 75.9314 125.797H36.3125C31.3419 125.797 27.3125 121.767 27.3125 116.797V31.9429Z" fill="#D9D9D9"/>
      </mask>
      <g mask="url(#mask1_737_34677)">
      <path d="M27.3125 31.9429C27.3125 26.9723 31.3419 22.9429 36.3125 22.9429H102.687C107.658 22.9429 111.688 26.9723 111.688 31.9429V96.1872C111.688 97.9406 110.92 99.6064 109.588 100.746L81.9925 124.356C80.9056 125.286 79.5223 125.797 78.0919 125.797H36.3125C31.3419 125.797 27.3125 121.767 27.3125 116.797V31.9429Z" fill="url(#paint2_linear_737_34677)"/>
      <g filter="url(#filter1_f_737_34677)">
      <rect x="77.7949" y="98.1807" width="31.9501" height="37.2004" fill="#C3C9D6"/>
      </g>
      <path d="M111.5 101.651V97.2446C111.5 97.2446 110.094 100.432 105.594 100.432H89.6946C84.6356 100.432 80.5769 104.601 80.5484 109.66C80.5126 116.027 80.2525 123.494 79.25 124.338C77.4688 125.838 72.0312 125.932 72.0312 125.932L86.2812 126.87L111.5 101.651Z" fill="url(#paint3_linear_737_34677)"/>
      </g>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M111.688 101.229C111.688 109.513 104.972 116.229 96.6875 116.229C88.4032 116.229 81.6875 109.513 81.6875 101.229C81.6875 92.9447 88.4032 86.229 96.6875 86.229C104.972 86.229 111.688 92.9447 111.688 101.229ZM109.789 119.523C106.099 122.17 101.575 123.729 96.6875 123.729C84.2611 123.729 74.1875 113.655 74.1875 101.229C74.1875 88.8026 84.2611 78.729 96.6875 78.729C109.114 78.729 119.188 88.8026 119.188 101.229C119.188 105.511 117.991 109.514 115.915 112.921L122.369 119.376C124.127 121.133 124.127 123.982 122.369 125.74C120.612 127.497 117.763 127.497 116.006 125.74L109.789 119.523Z" fill="url(#paint4_linear_737_34677)"/>
      <rect opacity="0.8" x="39.5" y="40.834" width="60" height="12" rx="6" fill="#CFD5E1"/>
      <rect opacity="0.8" x="39.5" y="64.1807" width="60" height="12" rx="6" fill="#CFD5E1"/>
      <rect opacity="0.8" x="39.5" y="87.5273" width="30.0978" height="12" rx="6" fill="#CFD5E1"/>
      </g>
      <defs>
      <filter id="filter0_f_737_34677" x="22.8926" y="108.447" width="108.963" height="24.9092" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_737_34677"/>
      </filter>
      <filter id="filter1_f_737_34677" x="71.7949" y="92.1807" width="43.9492" height="49.2002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_737_34677"/>
      </filter>
      <linearGradient id="paint0_linear_737_34677" x1="146.495" y1="125.641" x2="7.84781" y2="125.641" gradientUnits="userSpaceOnUse">
      <stop stop-color="#BDC5DE" stop-opacity="0"/>
      <stop offset="0.516703" stop-color="#BDC5DE"/>
      <stop offset="1" stop-color="#BDC5DE" stop-opacity="0"/>
      </linearGradient>
      <linearGradient id="paint1_linear_737_34677" x1="75.4996" y1="99.5273" x2="75.4996" y2="151.755" gradientUnits="userSpaceOnUse">
      <stop stop-color="#BDC5DE"/>
      <stop offset="1" stop-color="#BDC5DE" stop-opacity="0"/>
      </linearGradient>
      <linearGradient id="paint2_linear_737_34677" x1="69.5" y1="22.9429" x2="69.5" y2="125.797" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF2F5"/>
      <stop offset="1" stop-color="#D6DBE5"/>
      </linearGradient>
      <linearGradient id="paint3_linear_737_34677" x1="85.5798" y1="97.2446" x2="91.7656" y2="126.87" gradientUnits="userSpaceOnUse">
      <stop stop-color="white"/>
      <stop offset="1" stop-color="#AFB7C5"/>
      </linearGradient>
      <linearGradient id="paint4_linear_737_34677" x1="79.3303" y1="86.6802" x2="116.736" y2="133.17" gradientUnits="userSpaceOnUse">
      <stop stop-color="#8094FF"/>
      <stop offset="1" stop-color="#3656FF"/>
      </linearGradient>
      <clipPath id="clip0_737_34677">
      <rect width="150" height="150" fill="white" transform="translate(0.5)"/>
      </clipPath>
      </defs>
      </svg> -->
    <img style="width:120px" src="./暂无搜索结果.png" />
    <div class="words">{{ props.text }}</div>
  </div>
</template>

<script lang="ts" setup>
const props = defineProps({
  text: {
    type: String,
  },
});
</script>

<style>
.no-data-placeholder {
  width: 121px;
  height: 145px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.img-svg {
  width: 100%;
}
.words {
  margin-top: 16px;
  height: 14px;
  line-height: 14px;
  color: rgba(51, 51, 51, 0.56);
  font-size: 14px;
}
</style>
